﻿/* */
body {font-family: "微软雅黑",YaHei,tahoma,arial,"Hiragino Sans GB",宋体;}
html,
body { font-size: 14px;line-height: 1.50;color: #333;background-color: #ffffff;position: relative;}
h1 ,h2 ,h3 ,h4,h5 ,h6 {font-weight: normal; margin-top:0; margin-bottom:0; }
p{ line-height:1.8; margin-bottom:0;}
a, a:link {color: #555;}
a:hover {color: #da251d; text-decoration:none;}
a:focus,
a:active {outline: none;}
a:visited {text-decoration: none;}
a:focus {text-decoration: none;}
ul,ol{list-style:none; padding:0; margin:0;}
img {height: auto; max-width:100%;}
blockquote {border-left: none;padding-left: 0;padding-right: 0;}
input,:focus{outline:none}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.clearfix{#zoom:1;}
.t2{ text-indent:2em;}
.f12{font-size: 12px;}
.f16{font-size: 16px;}
.rel{ position: relative;}
.ellipsis{ overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
/* Layout */
.w1440{ width: 1440px;margin: 0 auto;}
label {font-weight: normal;margin-bottom: 5px;max-width: 100%;}
.form-control{background-color: #fff;background-image: none;border: 1px solid #eee;border-radius: 0;box-shadow: none;}
.container {width: 1340px;}
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background-color: transparent;}
.transbg {background-repeat: no-repeat;background-size: cover; background-position: center center; background-attachment: fixed;}

/* Navigations
----------------------------------------------------------------------------- */
.header{}
.logo { padding:10px 0; }
.navbar {margin-bottom: 0; height: 100px;    padding-top: 10px;}
.navbar-nav{ padding-top: 8px; padding-left: 120px;}
.navbar-nav > li > a {padding:20px;  }
.navbar-nav > li > a:hover,
.navbar-nav > li.active > a:hover {color: #19b0ea;}
.navbar-nav > li.active > a {color:#19b0ea; }
.navbar-nav > li  > a	{ color:#000;  z-index: 99; font-size:16px;transition: all 0.5s;background:url(../images/nav_bg.png) -100px bottom no-repeat;}
.navbar-nav > li  > a:hover{ background:url(../images/nav_bg.png) center bottom no-repeat;color:#19b0ea;}
.navbar-nav > li a.active { background:url(../images/nav_bg.png) center bottom no-repeat;color:#19b0ea;}
/*下拉菜单*/
.subNavBox { position: absolute; left: 0px; top: 100px; width: 100%; left: 0px; background-color: #13aee9; height: 0; overflow: hidden; z-index: 99; }
.subNavBox .subNav { display: none; height: 49px; line-height: 49px;  }
.subNavBox .subNav dd a{line-height: 49px; color: #fff; font-size: 15px; display: block;}
.subNavBox .subNav dd a:hover{ color:#143270;}
.subNav .subNavList { width: 864px; margin: 0px auto; text-align: right;}
.subNav .subNavList dd { display: inline-block; padding: 0 15px; text-align: center; }
.subNavBox a:link, .subNavBox a:visited { color: #646464; }
.subNavBox a:active, .subNavBox a:hover { color: #646464; }
/*搜索*/
.search{ color:#333; position:absolute; top:32px; right:3px;}
.search_form{ float:left; border: 1px solid #e5e5e5; border-radius:25px; padding: 2px;}
.input-kw{float:left; width:180px; height:26px; line-height:26px; border:none; padding:0 10px; color:#666; font-size:12px; background: none;}
.input-btn{ float:left; background:url(../images/ss.png) no-repeat center center; width:40px; height:26px;cursor:pointer;border:0; line-height:20px;}
/*banner*/
.carousel-control{height: 100%; width:15%; text-indent: -9999px; opacity: 0;}
.carousel-control.left{ background: url(../images/jt-left.png) no-repeat center center; left: 0 }
.carousel-control.right{ background: url(../images/jt-right.png) no-repeat center center;  right: 0;}
.carousel-indicators li {display: inline-block;width: 44px; height: 7px;background-color:#ebebeb; margin: 0 5px; border: 1px solid #ebebeb;}
.carousel-indicators .active {width: 44px; height: 7px; margin: 0 5px; background-color: #15afe9;border: 1px solid #15afe9;}
.carousel-indicators {bottom: 40px;}


.proTitle a:link, .proTitle a:visited { color: #323232; }
.proTitle a:active, .proTitle a:hover { color: #E60012; }
.proTitle { padding: 60px 0px 100px; text-align: center; color: #b4b4b4; background: url(../images/bg.png) no-repeat center bottom;}
.proTitle .zh { font: 45px/1.4 "microsoft yahei"; color: #153270; margin-bottom: 15px; }
.proTitle .enT { color: #b4b4b4; letter-spacing: 4px; text-transform: uppercase; position: relative; padding: 0px 15px; font-family: Arial; }
.proTitle .enT .i1, .proTitle .enT .i2 { height: 1px; background-color: #d2d2d2; position: absolute; top: 50%; width: 112px; overflow: hidden; display: block; }
.proTitle .enT .i1 { right: 100%; }
.proTitle .enT .i2 { left: 100%; }
.moreR { position: absolute; right: 0px; bottom: 10%; display: block; width: 250px; padding: 0px 18px; height: 70px; line-height: 70px; font-size: 14px; color: #323232; background-color: #ffffff; z-index: 10; }
.moreR .ico { background: url(../images/more_rico.png) no-repeat; width: 24px; height: 24px; position: absolute; right: 18px; top: 50%; margin-top: -12px; }
.moreR:hover { background-color: #13aee9; color: #fff; }
.moreR:hover .ico { right: 8px; background-image: url(../images/more_rico2.png); }
.productIpage { position: relative; }
.productIdemo .black { position: absolute; left: 0px; top: 0px; width: 55%; height: 100%; background: url(../images/black_2.png) repeat; background: none rgba(0,0,0,0.5); }
.productIList { position: relative; }
.productIList a:link, .productIList a:visited { color: #fff; }
.productIList a:active, .productIList a:hover { color: #fff; }
.productIList dd { color: #fff; }
.productIList a { position: relative; padding-left: 20%; height: 120px; display: block; float: left; }
.productIList .p1-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: none rgba(21,50,112,0.9); transition: 300ms; -webkit-transition: 300ms; }
.productIList .p2-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: none rgba(148,190,80,0.9); transition: 300ms; -webkit-transition: 300ms; }
.productIList .p3-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: none rgba(255,189,17,0.9); transition: 300ms; -webkit-transition: 300ms; }
.productIList .p4-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: none rgba(99,184,155,0.9); transition: 300ms; -webkit-transition: 300ms; }
.productIList .p5-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: none rgba(214,143,89,0.9); transition: 300ms; -webkit-transition: 300ms; }
.productIList .p6-bg { position: absolute; left: 0px; top: 0px; width: 0%; height: 100%; background: none rgba(255,110,1,0.9); transition: 300ms; -webkit-transition: 300ms; }

.productIList .ico { width: 140px; height: 120px; position: absolute; left: 0px; top: 0px; padding: 20px 0px; }
.productIList .ico .bg { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; transform: scale(0.5) rotate(0); -webkit-transform: scale(0.5) rotate(0); -moz-transform: scale(0.5) rotate(0); opacity: 0; transition: 600ms; -webkit-transition: 600ms; }
.productIList .ico .bg1{background-color: #102c67; }
.productIList .ico .bg2{background-color: #94be50; }
.productIList .ico .bg3{background-color: #ffbd11; }
.productIList .ico .bg4{background-color: #63b89b; }
.productIList .ico .bg5{background-color: #d68f59; }
.productIList .ico .bg6{background-color: #ff6e01; }
.productIList .ico .i { background: url(../images/ico.png); width: 80px; height: 80px; margin: 0px auto; position: relative; z-index: 5px; display: block; }
.productIList .ico .i1 { background-position: 0px 0px; }
.productIList .ico .i2 { background-position: 0px -80px; }
.productIList .ico .i3 { background-position: 0px -160px; }
.productIList .ico .i4 { background-position: 0px -240px; }
.productIList .ico .i5 { background-position: 0px -320px; }
.productIList .ico .i6 { background-position: 0px -400px; }
.productIList .con { display: block; padding: 0px 130px 0px 198px; position: relative; height: 120px; box-sizing: content-box; width: 400px;}
.productIList .t { font-size: 16px; line-height: 1.5; padding: 45px 0px 10px; transition: 300ms; -webkit-transition: 300ms; }
.productIList .t .zh { transition: 300ms; -webkit-transition: 300ms;width: 100px; display: inline-block; }
.productIList .t .en{ text-transform: uppercase; font-size: 12px;}
.productIList .t .en i { padding-left: 5px; transition: 300ms; -webkit-transition: 300ms;  margin: 0px 5px 0px 22px; }
.productIList .c { height: 25px; overflow: hidden; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; }
.productIList .line { display: block; background: #fff; position: absolute; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; }
.productIList .line_1 { width: 28px; height: 1px; top: 50%; right: 57px; margin-top: -1px; transform: translateX(30px); -webkit-transform: translateX(30px); }
.productIList .line_2 { width: 1px; height: 28px; top: 50%; margin-top: -14px; right: 70px; transform: translateY(30px); -webkit-transform: translateY(30px); }
.productIList a:hover .p1-bg,.productIList a:hover .p2-bg,.productIList a:hover .p3-bg,.productIList a:hover .p4-bg,
.productIList a:hover .p5-bg,.productIList a:hover .p6-bg { width: 100%; transition: 600ms; -webkit-transition: 600ms; }
.productIList a:hover .line { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 600ms; -webkit-transition: 300ms ease-in 600ms; }
.productIList a:hover .ico .bg { transform: scale(1) rotate(180deg); -webkit-transform: scale(1) rotate(180deg); -moz-transform: scale(1) rotate(180deg); opacity: 1; }
.productIList a:hover .t { padding-top: 45px; }
.productIList a:hover .t .zh { font-size: 20px; }
.productIList a:hover .t .en{ font-size: 13px;}
.productIList a:hover .t .en i { padding-left: 20px; }
.productIList a:hover .c { opacity: 1; visibility: visible; }
.productIList .summary{ opacity: 0; background: url(../images/bg00050.png) repeat; padding: 25px; position: absolute;width: 20%; top: 30%; right: 5%;}
.productIList dd:hover .summary{ opacity: 1; transition: all 0.3s ease-in-out; }
.productIList .summary p{ line-height: 30px;border-top: 1px solid #afb2b7; padding: 10px 0;}
.productIList .summary span{ text-transform: uppercase;margin-bottom: 10px;  display: block;}
.productIList .summary h3{padding-bottom: 5px;}

/*-- 新闻中心 --*/
.myTab{ }
.newswrap{ padding-bottom: 35px;}
.newswrap .title{ padding: 80px 15px;}
.newswrap .title span{ font-size:16px; display: block; color:#888; }
.news-tabs { margin-top: 140px; border-bottom:none; }
.news-tabs > li {float: left; font-size:18px; text-align:left; margin-left:65px; width: 100px;  }
.news-tabs > li > a{ padding:0; margin-right:0; border:none; color:#153270; line-height:36px; padding-top: 20px;background: url(../images/tab_line.png) no-repeat;border-radius: 0;}
.news-tabs > li.active > a, .news-tabs > li.active > a:hover, .news-tabs > li.active > a:focus{border: none;  color:#fff;  cursor: pointer;background: transparent; }
/*.tab-content{ position:relative; padding-top: 15px; clear: both; }
.tab-content  .hot{ width:476px; float:left; margin-right:35px; position:relative;}
.tab-content  .hot h5{ padding:5px 0; font-size:15px; line-height:24px; height:58px;}
.tab-content  .hot p{ position:absolute; bottom:0; right:0; font-size:12px;}
.tab-list { }
.tab-list li { width: 327.5px; float: left; position: relative;padding: 15px; }
.tab-list li a{  background: #f9f9f9; display: block; padding: 15px; position: relative;}*/
.listNews .imgbox{ text-align:center;}
.listNews .imgbox img{ width:268px; max-width:268px; height:180px;}
.listNews li .hd{ line-height: 30px;display:block; font-size: 16px; padding: 15px 0; height: 120px; margin-bottom: 10px; }
.listNews li .time{ font-weight: normal; height:44px; line-height: 44px; margin-top:5px; font-family:Arial; position: relative; font-size: 54px; color: #919191;}
.listNews li .time span{ position: absolute; left: 38px; bottom: 0px; background:#f9f9f9; width: 80px; height: 18px; padding: 0 5px; line-height: 18px;display:block; font-size: 16px; }
.listNews li .ly{ float:right; font-size:12px; font-style:normal;font-family:"微软雅黑",YaHei}
.listNews li .bg { background-color: #223e78; opacity: 0; filter: alpha(opacity=0); width: 100%; height: 0%; opacity: 0; position: absolute; left: 0px; top: 50%; }
.listNews li .bg::before { position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;border: 1px solid #fff;content: '';    }
.trans { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.listNews li .bg .jianjie{ padding: 25px; color: #fff; line-height: 30px;opacity: 0; filter: alpha(opacity=0);}
.listNews li .bg .line { display: block; background: #fff; position: absolute; transition: 300ms; -webkit-transition: 300ms; opacity: 0; visibility: hidden; }
.listNews li .bg .line_1 { width: 28px; height: 1px; bottom: 54px; left: 146px; margin-top: -1px; transform: translateX(30px); -webkit-transform: translateX(30px); }
.listNews li .bg .line_2 { width: 1px; height: 28px; bottom: 40px; margin-top: -14px; left: 160px; transform: translateY(30px); -webkit-transform: translateY(30px); }
.listNews li a:hover .bg .line { transform: translate(0); -webkit-transform: translate(0); visibility: visible; opacity: 1; transition: 300ms ease-in 600ms; -webkit-transition: 300ms ease-in 600ms; }
.listNews li a:hover .img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.listNews li a:hover .bg { height: 100%; top: 0%; opacity: 0.9; filter: alpha(opacity=90); padding: 15px; }
.listNews li .bg::before,
.listNews li .bg .jianjie{opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);} 
.listNews li a:hover .bg::before{ opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.listNews li a:hover .bg .jianjie { opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.listNews li a:hover{ color: #555;}

.review { width:4680px; position:absolute; top:0; left;0;}
.slider { width:100%;  padding:0 2px;height:420px; overflow:hidden; position:relative;  border-top:none;}
.gundong { width:100%; margin-bottom: 35px;}
.num-btn { margin:0 auto; text-align: center;}
.num-btn span  { width:12px; height:12px; display: inline-block; background:url(../images/dd.png) no-repeat; text-indent:-9999px; margin:0 2px; cursor: pointer; }
.num-btn span.one { background:url(../images/dd-1.png) no-repeat; }
.slider{ width:100%; overflow:hidden; position:relative;  border-top:none;}
.slider li{ }
.review1,.review2,.review3 { width:4680px; position:absolute; top:0; left;0;}
.slider1,.slider2,.slider3 { width:100%;  padding:0 2px;height:440px; overflow:hidden; position:relative;  border-top:none;}
.gundong1,.gundong2,.gundong3 { width:100%; margin-bottom: 35px;}
.num-btn1,.num-btn2,.num-btn3 { margin:0 auto; text-align: center;}
.num-btn1 span ,.num-btn2 span ,.num-btn3 span  { width:12px; height:12px; display: inline-block; background:url(../images/dd.png) no-repeat; text-indent:-9999px; margin:0 2px; cursor: pointer; }
.num-btn1 span.one ,.num-btn2 span.one,.num-btn3 span.one { background:url(../images/dd-1.png) no-repeat; }
.slider1, .slider2 ,.slider3{ width:100%; height:460px; overflow:hidden; position:relative;  border-top:none;}

/*-- 关于我们 --*/
.aboutswrap{ margin-bottom:35px;}
.aboutImg{ text-align: center;}
.aboutlist{ padding: 25px 0 50px;}
.aboutlist li{ float: left; width:16.6%;  text-align: center;}
.aboutlist li a{ display: block; width: 155px; height: 172px; padding-top: 25px; font-size: 16px; color: #153270;  position: relative; margin: 0 auto;} 
.aboutlist li .ico { width: 80px; height: 80px; margin: 0 auto; display: block; background: url(../images/ico1.png) no-repeat; z-index: 3; -webkit-transition: 0.4s; transition: 0.4s; }
.aboutlist li.a1 .ico { background-position: 0px 0px; }
.aboutlist li.a2 .ico { background-position: 0px -80px; }
.aboutlist li.a3 .ico { background-position: 0px -160px; }
.aboutlist li.a4 .ico { background-position: 0px -240px; }
.aboutlist li.a5 .ico { background-position: 0px -320px; }
.aboutlist li.a6 .ico { background-position: 0px -400px; }
.aboutlist li a:hover { color: #fff;  }
.aboutlist li.a1 a:hover .ico { background-position: -80px 0px; }
.aboutlist li.a2 a:hover .ico { background-position: -80px -80px; }
.aboutlist li.a3 a:hover .ico { background-position: -80px -160px; }
.aboutlist li.a4 a:hover .ico { background-position: -80px -240px; }
.aboutlist li.a5 a:hover .ico { background-position: -80px -320px; }
.aboutlist li.a6 a:hover .ico { background-position: -80px -400px; }
.aboutlist li .y2 { background: url(../images/icon_about.png) no-repeat center center; }
.aboutlist li .y1 { background: url(../images/icon_about_on.png) no-repeat center ; }
.aboutlist li .y2, .aboutlist li .y1 { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s; z-index: 1; }
.aboutlist li .y1 {opacity: 1;transform: scale(0.7);-webkit-transform: scale(0.7);visibility: hidden;}
.aboutlist li .con{ position: absolute;   z-index: 2; left:37px;}
.aboutlist li a:hover .y2 { opacity: 0; transform: scale(1.3); -webkit-transform: scale(1.3); }
.aboutlist li a:hover .y1 { opacity: 1; transform: scale(1); -webkit-transform: scale(1); visibility: visible; }

.aboutTxt { padding: 60px 0; background: url(../images/bg1.png) no-repeat center bottom;}
.aboutTxt .container{ position: relative;}
.aboutTxt .more{ text-align: right; padding-right: 10px;}
.aboutTxt .more a{ color: #153270; font-size: 20px; text-transform: uppercase;}
.aboutTxt .more a:hover{ color: #13aee9;}
.aboutTxt .tit{ position: absolute; top: -15px; right: 20px;}
.ainfo{ width: 60%; padding: 0 15px;}
.ainfo .abouthd{ color: #153270; margin-bottom: 20px; }
.ainfo .abouthd span{ display:inline-block; line-height: 60px; border-bottom:1px solid #153270;}
.ainfo p{ font-size: 16px; color: #153270; line-height: 35px;}

/*底部*/
.footer {background:#153270; color: #fff;  }
.footer .container{ padding: 0 15px;}
.footer .ftcon{ background: url(../images/ftbg.jpg) no-repeat; width: 382px; height: 390px; padding: 65px 0; margin-left: 15px; text-align: center; float: left; }
.linkone{ padding: 45px 0; padding-left: 20px;}
.linkone li{ float: left; background: url(../images/ico2.png) no-repeat; padding-left: 40px; height: 35px; line-height: 35px; padding-right:20px ;}
.linkone li a{ display: block; color: #fff;}
.linkone li.o1{ background-position: 0 0;}
.linkone li.o2{ background-position: 0 -52px;}
.linkone li.o3{ background-position: 0 -102px;}
.linktwo{ padding: 28px 28px 0; overflow: hidden;}
.linktwo li{float: left; color: #fff; line-height: 30px;}
.linktwo li a{ color: #fff; padding-right: 15px; display: block;} 

/*底部菜单*/
.foot-menu{ float: right; padding: 25px 0 0;}
.foot-menu dl{ float: left; width: 143px; margin-bottom: 0;}
.foot-menu dl dt { font-weight: normal; padding-bottom:15px; font-size: 16px;line-height: 24px; }
.foot-menu dl dt a { color:#fff;}

.foot-menu dl dt.m1{ background-position: 0 0;}
.foot-menu dl dt.m2{ background-position: 0 -48px;}
.foot-menu dl dt.m3{ background-position: 0 -96px;}
.foot-menu dl dt.m4{ background-position: 0 -144px;}
.foot-menu dl dt.m5{ background-position: 0 -192px;}
.foot-menu dl dt.m6{ background-position: 0 -240px;}
.foot-menu dl dd a{ color: #fff;  display: block; line-height: 40px; }
.foot-menu dl dd a:hover{ color: #19b0ea; text-decoration: underline;}
.foot-menu a{color:#fff;}
.copyright{ background: #031846; color: #fff; height: 54px; text-align: center;  }
.copyright span{ height: 54px; line-height: 54px;  display: inline-block; }
.copyright .fllow{ padding:0 20px 0 55px;}
.copyright .weibo{  width: 54px; }
.copyright .weixin{ width: 54px; }
.copyright .sm { background: url(../images/xx.png) no-repeat left center; padding-left: 15px; margin-left: 10px;}
.copyright a{ color: #fff; cursor: pointer;}
.wechat .modal-dialog{width:350px;height:350px;top:50%;margin-top:-175px;margin-left:-175px;left:50%;position:absolute;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.wechat .modal-dialog .modal-content{border:10px solid #444646;border-radius:0; text-align: center;}

/*栏目页通用样式*/
.colTitle{ background: url(../images/tit_line.png) no-repeat center bottom; padding-bottom: 25px; margin-bottom: 30px;}
.colTitle .tit{ text-align: center; font-size: 30px; color: #153270;}
.colTitle .entit{ text-align: center; font-size: 14px; color: #bfbfbf; text-transform: uppercase; font-family: Arial; display: block;}
.btn-more { text-align: center; margin: 25px auto; clear: both;}
.btn-more a{ border:1px solid #153270; color: #153270; border-radius:25px; text-transform: uppercase; padding: 5px 25px; width: 100px; display: block; margin: 0 auto;}
.btn-more a:hover{ border:1px solid #e80000; color: #e80000;}
.col-banner{ text-align: center;  overflow:hidden;}

/*新闻栏目*/
.focusNews{ background: url(../images/bg2.jpg) no-repeat center top; padding-top: 60px; padding-bottom: 45px;}
.groupNews{ padding: 45px 0;}
.groupNews .listNews{ overflow: hidden;}
.scg-right{padding-left: 10px;}
.toplist{ width: 620px; }
.toplist li{line-height: 43px; height: 43px; font-size:16px; overflow: hidden;  padding-left: 35px;}
.toplist li a{ float: left; display: block;}
.toplist li span{ float: right;}
.toplist li.top{ background: url(../images/top.png) no-repeat 0 50%;}
.toplist li.new{ background: url(../images/new.png) no-repeat 0 50%;}
.toplist li.first{ background: #fdfdfd; height: auto; padding:15px 25px 10px; margin-bottom: 10px;}
.toplist li.first a{color: #da251d; font-weight:bold; font-size: 24px; float: none; line-height: 30px; text-align: center; padding-top: 5px;}
.toplist li.first a:hover{color: #e80000}
.toplist li.first .by { border-bottom: 1px solid #eee; text-align: center;line-height: 30px; padding-bottom: 10px;}
.toplist li.first .by span{ display: inline-block; float: none; font-size: 14px; color: #b4b4b4; padding-right: 10px; }
.toplist li.first p{ font-size: 14px; line-height: 28px; padding: 10px 0 0;}
.toplist li.first .more{ text-align: right; color: #223e78; text-transform: uppercase; font-size: 14px;}
/* 焦点图 */
.scg-left{ padding:0 15px;}
.focus{width:633px; position:relative; }
.img1{width:633px;height:424x;overflow:hidden}
.img1 img{width:633px;height:424px;}
.focus li { width: 100%;}
.focus li h5{ position: absolute; left: 0; width: 100%; bottom: 0; background: url(../images/bg00050.png) repeat; padding:0 10px; line-height: 45px;}
.focus li h5 a{color: #fff; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; font-size: 16px;}
.rslides{width:100%;position:relative;list-style:none;padding:0}
.rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../images/i.png) no-repeat 0 0;margin-top:-28px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background-position:-31px 0;right:0}
.rslides_tabs{margin:0 auto;clear:both;text-align:center; position: absolute; bottom: 15px; right: 15px; }
.rslides_tabs li{display:inline;float:none;_float:left;*float:left;margin-right:5px}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;background:rgba(0,0,0, .2);background:#DDD;display:inline-block;_display:block;*display:block;width:9px;height:9px; border-radius:15px;}
.rslides_tabs .rslides_here a{background:#dd0707;}

.mediaNews{ padding: 45px 0; background: url(../images/bg5.jpg) no-repeat center top;}
.mediaNews .colTitle .tit{ color: #fff;}
.mediaNews .listNews { overflow: hidden;}

.mediaNews .listNews li{ width: 50%; }
.mediaNews .listNews li a{ display: block;overflow: hidden;}
.mediaNews .listNews .imgbox {text-align: center; float: left;}
.mediaNews .listNews .txtbox{ position: relative; float: right; width: 279px;}
.mediaNews .listNews li .hd {line-height: 30px;font-size: 18px; color: #153270;}
.mediaNews .listNews li .time .ly{ position: absolute; bottom: 0; left: 50%; line-height: 18px; font-size: 14px; color: #919191; font-style: normal;font-family: "微软雅黑",YaHei;}
.mediaNews .listNews li .bg .line_1 { width: 28px; height: 1px; bottom: 54px;right: 46px; left: auto !important; margin-top: -1px; transform: translateX(30px); -webkit-transform: translateX(30px); }
.mediaNews .listNews li .bg .line_2 { width: 1px; height: 28px; bottom: 40px; margin-top: -14px; right: 60px; left: auto !important; transform: translateY(30px); -webkit-transform: translateY(30px); }

.mediaNews .btn-more a {border: 1px solid #fff;color: #fff;}
.mediaNews .btn-more a:hover{ border:1px solid #13aee9; color: #13aee9;}
.industryNews { padding: 45px 0;}
.indNews{ overflow: hidden; padding-bottom: 15px;}
.indNews li{ float: left; width: 31.3%; background: #fff; padding: 22px; margin: 1%;}
.indNews li a{ padding-left: 96px; position: relative; display: block;}
.indNews li .hd{ font-size: 16px; color: #153270; padding: 3px 0;}
.indNews li p{ color: #b5b5b5; font-size: 14px;}
.indNews li .time{ position: absolute; left: 0; top: 0; width: 78px; height: 78px; background: #153270; color: #fff; text-align:  center; font-family: arial;}
.indNews li .time i{ font-size: 30px; display: block; font-style: normal; padding-top: 3px;}
.indNews li .time span{}
.indNews li:hover{ background: #f7f7f7;}
.indNews li:hover .hd{ color: #fc034f;}

/* 新闻列表*/
.menuwrap{ background: #f5f5f5;}
.submenu li{ float: left; width: 20%; text-align: center;}
.submenu li a{ line-height: 55px; font-size: 18px; color: #153270; display: block;}
.submenu li.active{ background: #13aee9; color: #fff;}
.submenu li.active a{ color: #fff;}

/*分页*/
.pagination{ }
.pagination > li{ float:left;} 
.pagination > li > a{ color: #959595; margin:0 2px; border:2px solid #cecece; padding:5px 10px; font-size:12px;}
.pagination > li >span{ padding:0 10px; border:none; color: #336aa6;}
.pagination > li:first-child > a,
.pagination > li:last-child > a{ }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {border-color: #127adf;color: #127adf;z-index: 2;}
.pagination > li >span.active{ color: #127adf;font-size: 12px;margin: 0 2px;padding: 5px 10px; border:2px solid #127adf; }
.pagination > li.current a{ border-color:#13aee9; color:#13aee9;}
.crumb{ background: #f5f5f5;}
.breadcrumb{padding: 0 15px; border-radius: 0 ; margin-bottom: 0; line-height: 47px; background: url(../images/home.png) no-repeat 10px center; padding-left: 35px;}
.breadcrumb a{}
.main-content{ border:1px solid #eee; margin: 25px 15px; float: left; width: 1000px; padding: 35px;}
.p-title{ text-align: center;}
.p-title .tith3{ font-size: 32px; color: #c40c0c; font-weight: bold; margin: 10px 0; line-height:45px; padding:0 65px;}
.p-title .tt{ font-size: 20px; color: #000;}
.p-time{ color: #8d8d8d; border-bottom: 1px solid #eee; padding: 10px 0; font-size: 14px; margin-top: 10px;}
.p-time span{ padding-right: 15px;}
/* 焦点图 */
.focusbox{width:667px;height:500px; position:relative; margin: 45px auto;}
.img2{width:667px;height:500px;overflow:hidden}
.img2 li{ width:100%;}
.img2 li h5{ text-align:center; font-size:16px; padding:10px 0; line-height:20px;} 
.img2 img{max-width: 667px;width: 667px !important; max-height: 447px;}
.focusbox .rslides_tabs{ bottom:55px}
.focusbox .rslides_nav{background:url(../images/i1.png) no-repeat 0 0;margin-top:-45px;}
.focusbox .rslides_nav.prev{left:auto;background-position:0 0;left:-55px;}
.focusbox .rslides_nav.next{left:auto;background-position:-31px 0;right:-55px;}
.focusbox .rslides_nav:hover{ background: url(../images/i1-on.png) no-repeat 0 0;}
.focusbox .rslides_nav.next:hover{ background-position:-31px 0;}
.p-content{ font-size: 17px; line-height: 36px; width: 855px; margin: 35px auto;}
.p-content p{ font-size: 17px; line-height: 36px;}
.pagepre{ padding:20px 0; border-top:1px solid #eee; position: relative; }
.pagepre a{ }
.goback{ float: right;}
.goback a{ background: #153270; width: 121px; height: 35px; line-height: 35px; display: block; color: #fff; font-size: 16px; text-align: center; border-radius: 25px;}
.sidebox{ float: left; width: 278px;margin: 25px 0; }
.sidebox .hd{ font-size: 24px; padding: 5px 0; border-bottom: 1px solid #eee;}
.box-news{ border:1px solid #eee; padding: 10px; margin-bottom: 15px;}
.listUl li{ line-height: 42px; height: 42px;  background: url(../images/hx.jpg) repeat-x left bottom;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.listUl li:last-child{ background: none;}
.sharebox {float: right;}
#controls, .bdsharebuttonbox{ float: left}
.print{ float: left; padding: 0 15px; }
.print a{background: url(../images/icon-print.jpg) no-repeat left center; padding-left: 20px; cursor: pointer;}
.jiathis_style {float: left;}
.jiathis_style span{ float: left; display: block;}
.jiathis_style a{ display: block; float: left; }

/*-- 媒体 --*/
.bz-list { overflow: hidden;}
.bz-list li{ float: left; width: 295px; margin:20px 16px; }
.bz-list li .pic{background: url(../images/bz_bg.png) no-repeat center bottom; padding-bottom: 47px;} 
.bz-list li .pic img{ display: block; width: 227px; height: 325px; background: #eee; padding: 8px; margin: 0 auto;}
.bz-list li span{ display:block; border:1px solid #eee; border-radius:25px; width: 93px; height: 34px; margin: 0 auto; line-height: 34px; text-align: center; font-size: 16px;}
.bz-list li a:hover span { background: #153270; color: #fff;}
.bz-list li a:hover img{ background: #153270;}
.bz-ss{ width: 50%; margin: 15px auto 25px;}
.bz-ss .form-control{ width: 80%; float: left; margin-right: 5px ;}

.jzwrap{ background:#f5f5f5 url(../images/bg3.jpg) no-repeat center bottom; margin-top:2px;}
.panel-group{ float: left;width: 382px; height: 930px; background: url(../images/sidebg.jpg) no-repeat; margin-bottom: 0; margin-left: 15px; margin-top:45px;}
/*折叠面板*/
.panel-group .panel+.panel{margin-top: 0;    border-radius: 0;}
.panel{background-color:transparent; border: none;   }
.panel-default {border-color: transparent; border-bottom: 1px solid #51403f; }
.panel-default>.panel-heading {background-color: 	transparent;border:none;}
.panel-heading {color: #fff; padding: 0;    background-color: #fff;}
.panel-heading span{ display: block;}
.panel-title { height:74px; margin: 0;padding: 0; font-size: 16px;color: inherit;color: #fff; }
.panel-title span{}
.panel-title a{ display: block; width: 100%;padding: 18px; height:74px; color: #fff;  padding-left: 86px; font-size: 16px; position: relative;background: url(../images/ico-1.png) no-repeat; }
.panel-title a.on{background-image:url(../images/ico-1.png); background-repeat: no-repeat;}
.panel-title a i{background: url(../images/icon-down.png) no-repeat center center; height: 32px; width: 32px; display: block; position: absolute; top: 25px; right: 25px;}
.panel-title a.on i{background: url(../images/icon-up.png) no-repeat center center;}
.panel-title.tt0 a{ background-position: 5px -444px; }
.panel-title.tt1 a{ background-position: 5px 0;}
.panel-title.tt2 a{ background-position: 5px -74px; }
.panel-title.tt3 a{ background-position: 5px -148px; }
.panel-title.tt4 a{ background-position: 5px -222px; }
.panel-title.tt5 a{ background-position: 5px -296px; }
.panel-title.tt6 a{ background-position: 5px -370px; }
.panel-title span{ text-transform: uppercase; font-size: 14px; padding-top: 5px;}
.panel-title a:hover{text-decoration: underline;}
.panel-default > .panel-heading + .panel-collapse > .panel-body{ border-top:0; background: url(../images/bgblue.png) repeat;}
.panel-body {padding: 15px 0}
.panel-body ul li{font-size: 16px; color: #fff; line-height: 42px; }
.panel-body ul li a{ color: #fff;padding-left: 15px;padding-left: 30px; display:block; cursor:pointer;}
.panel-body ul li a:hover{ background: url(../images/jt.png) no-repeat left center; color: #00b9ff; }
.company{margin: 45px 0 0 25px; background: #fff; float: right; width: 860px;display:none;}
.company-name { border-radius:8px 8px 0 0; line-height: 57px; font-size: 20px; text-align: center; color: #Fff; background: #153270;}
.wxul{ text-align: center; }
.wxul li{ display:inline-block; margin: 35px 15px;}
.wxul li img{ width: 170px; height: 170px; border: 10px solid #f7f7f7;}
.wxul li p{ padding-top: 5px;}
.company-contact{ border-top: 1px  solid #eee; padding:25px; overflow: hidden;}
.company-contact li{ position: relative; float: left; width: 46%; background: url(../images/hx.jpg) repeat-x left bottom; margin:0 2%; padding: 15px 0; padding-left: 65px;}
.company-contact li span{ display: block;}
.company-contact li p{ color: #153270; padding-top: 5px; height: 60px;}
.company-contact li i{background: url(../images/ico5.png) no-repeat;width: 61px; height: 43px; display: block; position: absolute; left: 0;top: 17px;}
.company-contact li.address i{ background-position: 0 0; }
.company-contact li.telephone i{ background-position: 0 -43px; }
.company-contact li.email, .company-contact li.websit{ background: none;}
.company-contact li.email i{ background-position: 0 -86px; }
.company-contact li.websit i{ background-position: 0 -132px; }
.company-contact li.web{background: none; padding: 35px; text-align: center;}
.company-contact li.web a{ background: #153270; border-radius:25px;  color: #fff; padding: 8px 27px;}
.company-contact li.web a:hover{ background: #13aee9;}

/*党群建设*/
.topNews{ background: url(../images/bg4.jpg) no-repeat center top;}
.headline{ background: url(../images/bgfff50.png) repeat; margin: 25px 15px; height: 96px;}
.headline span{ background: url(../images/djtt.png) no-repeat; width: 128px; height: 96px; display: block; float: left;}
.headline .bd{ padding: 15px; padding-left: 135px; text-align: center; color: #c12b20;}
.headline .bd h3{ line-height: 36px;}
.headline .bd h3 a{ color:#da251d}
.headline .bd .bdcon a{ display: inline-block; line-height: 36px; font-size: 16px;}
.topNews { padding-bottom: 50px;}

.topwrap{ padding: 0 10px;}
.topwrap .toplist { }
.topwrap .imgbox { overflow: hidden; }
.topwrap .imgbox li{ float: left; text-align: center; margin-right: 15px;}
.topwrap .imgbox li img{ width: 305px; height: 201px; }
.topwrap .imgbox li p{ font-size:16px;}
.topwrap .imgbox li:last-child{margin-right: 0; }
.topwrap .tit{ margin-top: 15px; border-bottom: 1px solid #c12b20; margin-bottom: 10px; position: relative;}
.topwrap .tit span{ background: #c12b20; line-height: 35px; padding: 0 15px; display: inline-block; border-radius: 5px 5px 0 0; font-size:17px; color:#fff;}
.topwrap .tit .more{ position: absolute; top: 7px; right: 0; text-transform: uppercase;}

.party-wrap .item{ padding: 15px;}
.dj-item{ margin: 15px 0; width: 633px; margin-bottom: 20px;}
.dj-item .colTitle{ background: url(../images/sgx.png) no-repeat 112px center; color: #c12b20; border-bottom: 1px solid #153270; font-size: 24px; font-weight: bold; position: relative; padding-bottom: 10px; margin-bottom: 10px;}
.dj-item .dftit{background: url(../images/sgx.png) no-repeat 160px center;}
.dj-item .colTitle .more1{ position: absolute; top: 8px; right: 0; font-size: 14px; text-transform: uppercase; font-weight: normal; }
.dj-item .toplist{width: 630px; float: none;}
.activity { width: 630px;  padding: 15px 10px;}
.activity .tit{ background: url(../images/t-hd.jpg) no-repeat center center; }
.activity h3{line-height: 66px; color: #c12b20; font-weight: bold; text-align: center; }

.list-news{ }
.list-news .media { padding:15px 0; margin:8px 0;}
.list-news .media .media-object{ width:240px; height:100px;}
.list-news .media .media-left{ padding-right:15px; }
.list-news .media .media-left a{display:block; position:relative; width:153px; height:100px;background:#eee;}
.list-news .media .media-left a img{ position:absolute; left:0; top:0; cursor:pointer;}
.list-news .media .media-body .by{ color:#999; padding:5px 0;}
.list-news .media .media-body .more{ background:#336aa6; border-radius:4px; padding:5px 10px; color:#fff; display:inline-block;}
.list-news .media .media-body .media-heading{ margin: 5px 0;}
.list-news .media p{color: #888; line-height: 24px;}
.list-news .more { text-align: right; border-top:1px solid #ddd; margin-top: 15px; padding-top: 15px;}
.list-news .more a{ font-size: 16px; color: #153270; text-transform: uppercase;}

.party-list {padding: 15px 35px;}
.party-list .list-news .media{padding: 15px; background: #fff;}
.party-list .list-news .media:hover{ background: #f5f5f5;}
.party-list .list-news .media .media-left a {display: block;position: relative; width: 240px;height: 158px; background: #eee;}
.party-list .list-news .media .media-left { padding-right: 35px;}
.party-list .list-news .media .media-object { width: 240px; height: 158px;}

/*人才战略*/
.sectionLn { width: 100%; height: 782px;background: url(../images/mission.jpg) no-repeat center top; position: relative;}
.sectionJzl { width: 100%;height: 869px;background: url(../images/mission1.jpg) no-repeat center top; position: relative;}
.sectionZc {width: 100%;height: 544px;background: url(../images/mission2.jpg) no-repeat center top;position: relative;}
.scroller{ border-bottom: 1px solid #e5e5e5;}
#features {max-width:none;}
.featurette{ height:100%;}
.sideNav { text-align: center; height: 147px;}
.sideNav li{ display: inline-block; text-align: center; margin: 0 15px; }
.sideNav li a{padding: 0 25px 25px; display: inline-block; font-size: 16px; color: #153270; width: 180px;}
.sideNav li.active a{ border-bottom:3px solid #153270;}
.sideNav li span{ display: block; width: 65px; height: 65px; margin: 15px auto; background: url(../images/ico6.png); }
.sideNav li span.s1{ background-position: 0 0;}
.sideNav li span.s2{ background-position: 0 -65px;}
.sideNav li span.s3{ background-position: 0 -130px;}
.sideNav-mt  li span{ display: block; width: 65px; height: 65px; margin: 15px auto; background: url(../images/ico-mt.png); }
.sideNav li span.s4{ background-position: 0 0;}
.sideNav li span.s5{ background-position: 0 -65px;}


.isStuck{left:0px;width:100%;}
.isStuck{ width: 100%; text-align: center; background: rgba(255,255,255,.9);box-shadow: 0 1px 4px -1px #ccc; height: 50px; z-index: 999;}
.isStuck .sideNav{ margin-top: 0;}
.isStuck .sideNav li span{ display: none;}
.isStuck .sideNav li a{padding: 12px 25px}
.join-top{ text-align: center; padding: 65px 0 15px;}
.join-top .hd{ color: #153270; font-size: 30px;}
.join-top .hd span{ color: #13aee9;}
.join-top i{ font-style: normal; color: #c1c1c1; font-size: 16px; text-transform: uppercase;}
.join-top p{ color: #737373; padding: 15px;}
.hr{ height: 1px; border-top:1px solid #eee; width: 100%; display: block;}
.join-box{ background: url(../images/bg8.jpg) repeat-y center top;}
.join-box .join-left{ float: left; padding: 30px; width: 50%;}
.join-box .join-left .tit{ font-size: 38px; padding-bottom: 15px;}
.join-box .join-left .tit span{ padding-right: 25px;}
.join-box .join-left .ct p{ font-size: 16px; line-height: 46px; text-indent: 2em;}
.join-box .join-right{float: left; padding: 50px 0 50px 50px; width: 50%; color: #33477c;}
.join-info { padding-bottom: 25px;}
.join-info h4{ font-size: 19px;}
.join-info .btn-join{ overflow: hidden; padding: 30px 0 35px;}
.join-info .btn-join span{ display: block; float: left; font-size: 19px; margin-right: 35px; margin-bottom:10px;}
.join-info .btn-join span a{ background: #153270; color: #fff; font-size: 16px; padding: 5px 25px; border-radius:25px;}
.join-info .ts{ font-size: 14px; color: #000;}
.join-contact{ border-top:1px solid #eee; padding-top: 30px;}
.join-contact .tit{ font-size: 27px; padding: 15px 0;}
.join-contact .tit span{ text-transform: uppercase; color: #d6d6d6; font-size: 20px; padding-left: 10px;}
.join-contact .ct{ overflow: hidden; padding: 15px 0;}
.join-contact .ct li { font-size: 16px; float: left; width: 50%; height: 52px; margin-bottom: 20px; padding-left: 55px; background: url(../images/ico7.png) no-repeat;}
.join-contact .ct li.c1{ background-position: 0 0;}
.join-contact .ct li.c2{ background-position: 0 -78px;}
.join-contact .ct li.c3{ background-position: 0 -158px;width: 100%;}
.join-contact .ct li span{ display: block;}

/*走进文投集团简介*/
.content .tith2{ font-weight: bold; color: #153270;}
.content .hx{display: inline-block; width: 80px; border-bottom: 2px solid #153270; height: 1px;  padding-top: 15px; margin-bottom: 15px;}
.aboutHd{ margin-bottom: 35px;}
.aboutHd .titen{ color: #cbcbcb; font-size: 19px; font-family: arial;}
.nano{position:relative;width:100%;height:100%;overflow:hidden}
.nano>.nano-content{position:absolute;overflow:scroll;overflow-x:hidden;top:0;right:0;bottom:0;left:0}
.nano>.nano-content:focus{outline:thin dotted}
.nano>.nano-content::-webkit-scrollbar{display:none}
.has-scrollbar>.nano-content::-webkit-scrollbar{display:block}
.nano>.nano-pane{background:rgba(0,0,0,.25);position:absolute;width:10px;right:0;top:0;bottom:0;opacity:1;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.nano>.nano-pane>.nano-slider{background:#394f98;position:relative;margin:0 1px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.nano-pane.active,.nano-pane.flashed,.nano:hover>.nano-pane{opacity:.99}
/*右侧滚动样式*/
#main0{}
#main0 .nano{ margin:30px 0;}
#main0 pre{background:#222;border-bottom:1px solid #fff;border-top:1px solid #000;-webkit-box-shadow:#000 0 1px 10px inset;-moz-box-shadow:#000 0 1px 10px inset;box-shadow:#000 0 1px 10px inset;text-shadow:#000 0 -1px 1px}
#main0 ol,#main0 ul{display:block;margin:10px 0}
#main0 ol li,#main0 ul li{margin-left:20px;font-size:13px}
#main0 .nano-content h1{display:block;margin:0;padding:0;color:#111;text-indent:0;background:0 0;display:none}
#main0 a{color:#066;text-decoration:none;text-shadow:none}
#main0 a:hover{text-decoration:underline}
#main0 code{font-family:Monaco,'Anonymous Pro',sans-serif}
#main0 p code{background:#222;display:inline-block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-family:Monaco,'Anonymous Pro';font-size:11px;text-shadow:none;color:#ee8;padding:0 3px 0;border-bottom:1px solid #eee;-webkit-box-shadow:#000 0 2px 3px inset;-moz-box-shadow:#000 0 2px 3px inset;box-shadow:#000 0 2px 3px inset;text-shadow:#000 0 -1px 1px}
.small.nano{background:#ffa;height:100px;margin-top:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}
.nano .nano-content{padding:0 20px}
.nano .nano-pane{background:url(../images/scroll_bg.gif) repeat-y;width:5px;right:1px;margin:5px}
.nano .nano-slider{background:#111}
.aboutbg1{background: url(../images/bgline1.jpg) repeat-y;}
.aboutbg2{background: url(../images/bgline2.png) no-repeat right top;}
.content{ overflow: hidden;padding:0 50px; margin: 45px 0;     margin-bottom: 50px; }
.content .about-img{ float:left; margin: 0; width:420px;}
.content .about{ padding-left:480px; font-size:17px;}
.content .about p{ line-height:36px; margin-bottom:15px;}
.content .qywh{ padding-left:385px;padding-top:58px; font-size:18px;}
.content .qywh p{ line-height:161px; }
.content .fengcai{ overflow:hidden; padding-left:70px; margin-top:40px;}
.content .fengcai li{ float:left;width:244px; height:183px; position:relative; margin-right:2px;}
.content .fengcai li p{ position:absolute; bottom:0; left:0;width:244px; height:36px; background:url(../images/bg.png) repeat; color:#fff; line-height:36px; text-align:center;}
.content .fengcai li img{ width:244px; height:183px;}
.content .dszzc{ padding:50px 10px;}
.content .dszzc p{ line-height:26px; margin-bottom:15px;}
.content .dszzc .qm{ margin:140px 0 0;}
.content .dszzc .pic{ margin-top:100px;}

/*走进文投领导班子*/
.leader-hd{ background: url(../images/dian.jpg) repeat-x left 25px; text-align: center;}
.leader-hd span{ color: #153270; font-size: 32px; background: #fff; padding:0 10px 0 15px;}
.leader-hd em{ font-size: 18px; color: #b4b4b4; text-transform: uppercase; background: #fff; padding-right: 15px; font-style: normal; font-family: arial;}
.leader-hd p{ font-size: 16px; color: #b4b4b4; padding-top: 15px; }
.leaders{ margin: 35px auto; width: 976px;}
.leaders li { width: 308px; height: 390px; float: left; position: relative; margin: 0 65px; }
.leaders li a{  display: block;position: relative;}
.leaders li .txt{ position:absolute; left: 0; bottom: 0; width: 100%; padding: 15px 5px 15px 15px; background: url(../images/bgblue1.png) repeat; color: #fff; height: 80px; font-size:13px;}
.leaders li .txt span{ font-size: 24px; float: left; padding-right: 10px;}
.leaders li .bg { background-color: #18316b; opacity: 0; filter: alpha(opacity=0); width: 100%; height: 0%; opacity: 0; position: absolute; left: 0px; top: 50%; }
.leaders li .bg::before { position: absolute;top: 18px;right: 18px;bottom: 18px;left: 18px;border: 1px solid #51648d;content: '';    }
.leaders li a:hover .bg { height: 100%; top: 0%; opacity: 0.9; filter: alpha(opacity=90); padding: 15px; }
.leaders li .bg .jianjie{ padding:20px; color: #fff; }
.leaders li .bg .jianjie .tit{ font-size: 28px;}
.leaders li .bg .jianjie .zw { line-height: 24px; padding: 10px 0; border-bottom: 1px solid #6d7da0; margin-bottom: 15px;}
.leaders li .bg .jianjie p{ font-size: 16px; line-height: 40px; text-indent: 2em;}
.leaders li .bg::before,.leaders li .bg .jianjie{opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0); transform: scale(0);} 
.leaders li a:hover .bg::before,.leaders li a:hover .bg .jianjie { opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.leaders li a:hover .txt{ opacity: 0; filter: alpha(opacity=0); }

.leaderwrap { background: #f9f9f9; margin-bottom: 50px;}
.scrollpic{width:;margin:50px auto 0 auto; position: relative; }
#myscroll{display:block;width:100%;position:relative;height:400px;overflow:hidden}
#myscroll #myscrollbox{display:block;float:left;position:absolute;left:0;top:0;width:1000000px}
#myscroll ul{display:block;float:left;list-style-type:none;padding:0;margin:0;}
#myscroll ul li{display:block;float:left;padding:0;width:260px;height:338px; overflow:hidden;}
#myscroll ul li a{display:block;float:left;padding:0;position:relative;color:#333}
#myscroll a .intro{position:absolute;left:0;z-index:10;background-color:#0057c4;filter:alpha(opacity=70);width:260px;color:#fff;-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;text-align:center}
#myscroll a .intro h5{padding:0;margin:0;font-size:16px;height:40px;width:260px;line-height:30px;border-bottom:1px solid #347fdc;font-weight:100}
#myscroll a .intro p{font-size:13px;line-height:20px;margin:65px 70px;height:70px;overflow:hidden}
#myscroll a .intro{bottom:-211px}
#myscroll a:hover .intro{bottom:0}
a#left,a#right{position:absolute; width:42px;height:57px;display:block;float:right;margin-right:1px;margin-left:10px}
#mybtns a:hover{background-color:#347fdc}
#mybtns a,#mybtns a:hover,#myscroll,#myscroll #myscrollbox,#myscroll a .intro,#myscroll a:hover .intro{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
#left{background:url(../images/jt_l.png) no-repeat; top: 140px;left:0; }
#right{background:url(../images/jt_r.png) no-repeat;top: 140px; right:0 ;}
#kinMaxShow{visibility:hidden;width:100%;height:500px;overflow:hidden}
.leaderlist li { width: 256px; height: 338px; float: left; position: relative; }
.leaderlist li a{  display: block;position: relative; height: 338px; width: 256px;}
.leaderlist li .txt{ position:absolute; left: 0; bottom: 0; width: 100%; padding:10px; background: url(../images/bgblue1.png) repeat; color: #fff; height: 65px;}
.leaderlist li .txt span{ font-size: 22px; float: left; padding-right: 10px; padding-top: 5px; height:55px;}
.leaderlist li .txt p{ line-height: 22px; font-size: 12px;}
.leaderlist li .bg { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 0%; opacity: 0; position: absolute; left: 0px; top: 0; }
.leaderlist li .bg::before { position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;border: 1px solid #51648d;content: '';    }
.leaderlist li .bg .jianjie{ padding:10px; color: #fff; opacity: 0; filter: alpha(opacity=0); }
.leaderlist li .bg .jianjie .tit{ font-size: 24px;}
.leaderlist li .bg .jianjie .zw { line-height: 24px; padding: 5px 0 10px; border-bottom: 1px solid #6d7da0; margin-bottom: 15px;}
.leaderlist li .bg .jianjie p{ font-size: 15px; line-height: 26px; text-indent: 2em;}
.leaderlist li a:hover .bg { height: 100%; top: 0%; opacity: 0.9; filter: alpha(opacity=90); padding: 15px; }
.leaderlist li .bg::before, .leaderlist li .bg .jianjie{opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0); transform: scale(0);} 
.leaderlist li a:hover .bg::before { opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.leaderlist li a:hover .bg .jianjie{ opacity: 1;-webkit-transform: scale(1);transform: scale(1);} 
.leaderlist li a:hover .txt{  height: 100%; }
.leaderlist li a:hover .txt span,.leaderlist li a:hover .txt p{opacity: 0;}
/*走进文投企业荣誉*/
.qyry{}
.qyry .textbox{ margin:40px 0; border-top:1px solid #ddd;overflow:hidden;}
.qyry .textbox li{ height:45px; line-height:45px; border-bottom:1px dotted #ddd; font-size:16px; width:50%; float:left;}
.qyry .textbox li span{ padding-right:35px; color:#888;}
.jcImgScroll { position:relative; height:377px; margin:50px 0;  }
.jcImgScroll li { border:1px solid #ccc; }
.jcImgScroll li a { background:#fff; display:block; border:3px solid #000; }
.jcImgScroll li p{ font-size: 16px; padding: 10px 0; text-align: center;}
.jcImgScroll li a img{ width:100%; height:100%; }
.jcImgScroll li.loading a { background:#fff url(../images/loading.gif) no-repeat center center;} 
.jcImgScroll li img,.jcImgScroll li,.jcImgScroll em,.jcImgScroll dl { display:none; border:0 none;}
.jcImgScroll em.sPrev { background:url(../images/rd-leftbtn-hover.png) no-repeat left center; }
.jcImgScroll em.sNext { background:url(../images/rd-rightbtn-hover.png) no-repeat right center;}
.jcImgScroll dl dd { background:url(../images/NumBtn.png) no-repeat 0 bottom; text-indent:-9em; }
.jcImgScroll dl dd:hover,.jcImgScroll dl dd.curr { background-position:0 0; }
.logobottom{ margin:20px 0 50px;}
.jcImgScroll em.sPrev:hover { background:url(../images/pleft-btn1-hover.png) no-repeat left center; }
.jcImgScroll em.sNext:hover { background:url(../images/pright-btn1-hover.png) no-repeat right center;}
.cinfo{ margin: 35px 0;}
.cinfo li{ float: left; width: 300px; text-align: center;}
.cinfo li span{ display: block;}
.cinfo li span.icon{ background: url(../images/ico8.png) no-repeat; width: 66px; height: 66px; margin: 15px auto;}
.cinfo li span.ten{ color: #b4b4b4; text-transform: uppercase; font-family: arial;}
.cinfo li.adress span.icon{ background-position: 0 0;}
.cinfo li.phone span.icon{ background-position: 0 -66px;}
.cinfo li.fax span.icon{ background-position: 0 -132px;}
.cinfo li.emall span.icon{ background-position: 0 -198px;}
.cinfo li p{ color: #000; padding: 15px 0;}
.mapwrap{ width: 100%;text-align: center;}

/*产业板块*/
.indbg{ background: url(../images/bg9.jpg) no-repeat center bottom;}
.indwrap{ text-align:  center; padding: 55px 0; }
.indwrap .tit{ font-size: 40px; color: #153270;}
.indwrap .tten{ font-family: Arial; color: #dedede; font-size: 23px; text-transform: uppercase;}
.indwrap .tt span{ width: 94px; height: 4px; background: #153270; margin: 15px auto; display: block;}
.indwrap .ct{ overflow: hidden; margin: 75px 0 45px; padding-left: 25px;}
.indwrap .ct li{ float: left; width: 210px; height: 162px; text-align: center;}
.indwrap .ct li a{ text-align: center;  margin: 0 auto; position: relative; z-index: 3; top: -162px; display: block;height: 162px; color: #fff; padding-top: 40px; font-size: 18px;}
.indwrap .ct li span{ display: block; width: 120px; margin: 0 auto; font-size: 13px; font-family: Arial; text-transform: uppercase; line-height: 18px;}
.indwrap .ct li i{ width: 38px; border-bottom: 1px solid #fff; padding-top: 10px; height: 1px; margin: 0 auto; display: block;}
.indwrap .ct li .inbg{background: url(../images/inbg.png) no-repeat center center; height: 162px; width: 100%; position: relative;z-index: 0;}
.indwrap .ct li:hover .inbg{ background: url(../images/inbg-on.png) no-repeat center center;}
.indwrap .ct li:hover .inbg {animation:fltu 10s linear infinite;-webkit-animation:fltu 10s linear infinite;}
.secbox { text-align: center; color: #Fff; padding-top: 10%; margin-bottom:35px; background-position: center top;}
.secbox .hd{ font-size: 50px; color: #;}
.secbox span{width: 90px; border-bottom: 4px solid #fff; padding-top: 10px; height: 1px; margin: 0 auto; display: block;}
.secbox p{width: 700px; margin: 25px auto; line-height: 35px; font-size: 16px; letter-spacing: 2px;}
.secbox .more{ margin:45px auto 0; display:block; font-size: 16px; text-transform: uppercase; border: 1px solid #fff; border-radius: 25px; width: 176px; height: 38px; text-align: center; line-height: 38px; color: #fff;}
.secbox .more:hover{ background: #21b3ea; border: 1px solid #21b3ea; }
.indwrap .ct li.bkbg1:hover .inbg{background: url(../images/inbg-on1.png) no-repeat center center;}
.indwrap .ct li.bkbg2:hover .inbg{background: url(../images/inbg-on2.png) no-repeat center center;}
.indwrap .ct li.bkbg3:hover .inbg{background: url(../images/inbg-on3.png) no-repeat center center;}
.indwrap .ct li.bkbg4:hover .inbg{background: url(../images/inbg-on4.png) no-repeat center center;}
.indwrap .ct li.bkbg5:hover .inbg{background: url(../images/inbg-on5.png) no-repeat center center;}



/*产业板块栏目*/
.indbox{margin:0 auto;overflow:hidden;width:100%;}
.mr_frbox{height:220px;padding:24px 0px 0px; width: 1000px; margin: 0 auto;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:46px;margin:60px 10px 0 0;width:28px; background: url(../images/mfrl.png) no-repeat;}
.mr_frUl{float:left;height:202px;width:900px;margin-left:10px;}
.mr_frBtnR{float:right;margin-top:60px;cursor:pointer;width:28px;height:46px; background: url(../images/mfrr.png) no-repeat;}
.mr_frUl ul li{display:inline;float:left;width:300px;overflow:hidden;position:relative;}
.mr_frUl ul li a img{ width:219px; height: 157px; padding: 10px; border: 1px solid #153270;}
.mr_frBtnL:hover{  background: url(../images/mfrl-on.png) no-repeat;}
.mr_frBtnR:hover{  background: url(../images/mfrr-on.png) no-repeat;}

.verlist{ overflow: hidden; padding:15px 0;}
.verlist li{ display: inline-block; width: 300px; margin: 0 15px; border: 1px solid #fff; margin-bottom: 35px;}
.verlist li img{ display: block; width: 300px; height: 420px;}
.verlist li p { background: #16316c; color: #fff; padding:5px 0; font-size: 18px;}
.verlist li{-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;}
.verlist li:hover{z-index: 2;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);transform: translate3d(0px, -4px, 0px);}
.scg-tabs{ text-align: center;  border-bottom: none; margin: 35px;}
.scg-tabs li { margin: 0 25px; float: none; display: inline-block;}
.scg-tabs li a{ font-size: 18px; color: #153270; padding: 2px 18px; border-radius:25px;}
.scg-tab .nav-tabs>li.active>a{ background: #153270; color: #fff; cursor:pointer;}

.tab-pane .more{ text-align: center; margin: 25px 0;}
.tab-pane .more a{ display: inline-block; color: #153270; font-size: 18px; text-transform: uppercase; border: 1px solid #153270; border-radius:25px; width: 159px; height: 37px; line-height: 37px;}
.tab-pane .more a:hover{ background: #00B9FF; color: #fff; border: 1px solid #00B9FF;}

.dsjwrap { position: relative;}
.cmbox { padding:75px 25px; overflow: hidden; }
.cmbox .cm-img{border: 5px solid #13aee9;float: left; }
.cmbox .cm-img img{ width: 492px; width: 492px; display: block;}
.cm{ float: right; width: 700px;}
.cm .cmt{ text-align: right; font-size: 30px; color: #153270;}
.cm .hx{width: 94px;
    height: 4px;
    background: #153270;
    margin: 25px 0;
    display: inline-block;}
.cm .cmct p{ font-size: 17px; line-height: 35px;}
.cm .more{ text-align: right;}
.cm .more a{font-size: 16px;color: #153270; text-transform: uppercase; }
.cm .cm-yw{ font-size: 30px; color: #153270; margin-top: 10px;}

/*组织架构*/
.zzjg{ position: relative;}
.zzjg .box  { background: #fff; border: 1px solid #eee; border-radius: 5px; padding: 15px; position: absolute; z-index: 10; display: none;}
.zzjg .box ul li{ font-size: 14px; line-height: 24px;}
.zzjg .box-ys{ left: 300px; top: 0; text-align: left; border:1px solid #ee9127;}
.zzjg .box-lv{ left: 0px; top: 60px; text-align: left; border:1px solid #e14337;}
.zzjg .box-jr{ right: 10px; top: 120px; text-align: left; border:1px solid #88ba4b;}
.zzjg .box-tz{ left: 0px; bottom: 300px; text-align: left; border:1px solid #208f43;}
.zzjg .box-cm{ right: 30px; bottom: 350px; text-align: left; border:1px solid #2d9fd1;}
.zzjg .box-sy{ left: 323px; bottom: 0; text-align: left; border:1px solid #5f2c89;}
.btn-box{ }
.btn-box a{ display: block; width: 166px; height: 166px; position: absolute;}
.btn-box .btn-ys{ top: 36px; left: 50%; margin-left: -83px;}
.btn-box .btn-lv{ top: 214px; left: 185px;}
.btn-box .btn-jr{ top: 214px; right: 190px;}
.btn-box .btn-tz{ bottom: 230px; left: 185px;}
.btn-box .btn-cm{ bottom: 230px; right: 190px;}
.btn-box .btn-sy{ bottom: 28px; left: 50%; margin-left: -83px;}
.zzjg .box-ys li{ background:url(../images/dot-ys.jpg) no-repeat left center; padding-left:15px;}
.zzjg .box-lv li{ background:url(../images/dot-lv.jpg) no-repeat left center; padding-left:15px;}
.zzjg .box-jr li{ background:url(../images/dot-jr.jpg) no-repeat left center; padding-left:15px;}
.zzjg .box-tz li{ background:url(../images/dot-tz.jpg) no-repeat left center; padding-left:15px;}
.zzjg .box-cm li{ background:url(../images/dot-cm.jpg) no-repeat left center; padding-left:15px;}
.zzjg .box-sy li{ background:url(../images/dot-sy.jpg) no-repeat left center; padding-left:15px;}

.section-dt{ background:#fff;}
.qjdt{ padding:25px 100px;}
.qjdt li{ float:left; width:25%; text-align:center;}

.qjdt li a{ display:block;}
.qjdt li a:hover img{ animation:change  0.3s linear 1;}


.companyNews{ background:#fafafa; padding:50px 0;}
.companyNews .listNews { overflow: hidden;}
.companyNews .listNews li{ width: 50%; }
.companyNews .listNews li a{ display: block;overflow: hidden;}
.companyNews .listNews .imgbox {text-align: center; float: left;}
.companyNews .listNews .txtbox{ position: relative; float: right; width: 279px;}
.companyNews .listNews li .hd {line-height: 30px;font-size: 18px; color: #153270;}
.companyNews .listNews li .time .ly{ position: absolute; bottom: 0; left: 50%; line-height: 18px; font-size: 14px; color: #919191; font-style: normal;font-family: "微软雅黑",YaHei;}
.companyNews .listNews li .bg .line_1 { width: 28px; height: 1px; bottom: 54px;right: 46px; left: auto !important; margin-top: -1px; transform: translateX(30px); -webkit-transform: translateX(30px); }
.companyNews .listNews li .bg .line_2 { width: 1px; height: 28px; bottom: 40px; margin-top: -14px; right: 60px; left: auto !important; transform: translateY(30px); -webkit-transform: translateY(30px); }

/* CSS 浮窗 */
.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:56px; background: url(../images/bg00050.png) repeat; }
.toolbar .foll{ background:url(../images/toolbar.png) no-repeat; display:block;padding-top:104px;}
.toolbar-item{display:block;width:46px;height:46px;position:relative; 
-moz-transition:background-position 1s;
-ms-transition:background-position 1s;
-o-moz-transition:background-position 1s;
-webkit-moz-transition:background-position 1s;
transition:background-position 1s;}

.toolbar-item:hover{background-color:#053f91;}
.toolbar-item:hover .toolbar-layer{
	opacity:1;filter:alpha(opacity=100);
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
}
.toolbar-item-weixin{background-position:0 -104px;}
.toolbar-item-wb{background-position:0 -150px;}
.toolbar-item-qq{background-position:0 -137px;}
.toolbar-item-top{background-position:0 -196px;}
.toolbar-layer{position:absolute;right:46px;bottom:0px;width:158px; border:1px solid #eee;

opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;
-moz-transform-origin: 95% 95%;
-ms-transform-origin: 95% 95%;
-o-transform-origin: 95% 95%;
-webkit-transform-origin: 95% 95%;
transform:scale(0.01);
-moz-transform:scale(0.01);
-ms-transform:scale(0.01);
-o-transform:scale(0.01);
-webkit-transform:scale(0.01);
transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;
-webkit-transition:all 1s;
}
.toolbar-item-qq .toolbar-layer{ height:64px; line-height:64px; background:#eee; padding-left:10px; display:block;}

.duilian_left{bottom:0px; left:6px; position:absolute; overflow:hidden; z-index:9999;}
.duilian_con{border:#CCC solid 1px;overflow:hidden;}
.duilian_con img{ display:block; width:200px;}
.duilian_left_close{  background:url(../images/gb.png) no-repeat right top; position:absolute; right:0; top:0; width:24px; height:24px; line-height:24px; text-align:center; display:block; font-size:13px; color:#555555; text-decoration:none;}

.closeBtn{ display:block;}


@keyframes fltu
{
	0% {transform: rotate(0deg);     /**通过 rotate() 方法，元素顺时针旋转给定的角度。允许负值，元素将逆时针旋转。***/
	-ms-transform: rotate(0deg);		/* IE 9 */
	-webkit-transform: rotate(0deg);	/* Safari and Chrome */
	-o-transform: rotate(0deg);		/* Opera */
	-moz-transform: rotate(0deg);	}
	100%{transform: rotate(360deg);    
	-ms-transform: rotate(360deg);		/* IE 9 */
	-webkit-transform: rotate(360deg);	/* Safari and Chrome */
	-o-transform: rotate(360deg);		/* Opera */
	-moz-transform: rotate(360deg);	}
}

@-webkit-keyframes fltu /*Safari and Chrome*/
{
	0% {transform: rotate(0deg);     /**通过 rotate() 方法，元素顺时针旋转给定的角度。允许负值，元素将逆时针旋转。***/
	-ms-transform: rotate(0deg);		/* IE 9 */
	-webkit-transform: rotate(0deg);	/* Safari and Chrome */
	-o-transform: rotate(0deg);		/* Opera */
	-moz-transform: rotate(0deg);	}
	100%{transform: rotate(360deg);    
	-ms-transform: rotate(360deg);		/* IE 9 */
	-webkit-transform: rotate(360deg);	/* Safari and Chrome */
	-o-transform: rotate(360deg);		/* Opera */
	-moz-transform: rotate(360deg);	}
}


@keyframes change
{
	0%{
		transform:rotateY(90deg);
		-webkit-transform:rotateY(90deg);
	}
	
　　100%{
		transform:rotateY(360deg);
		-webkit-transform:rotateY(360deg);
	}
}
@-webkit-keyframes change /* Safari and Chrome */
{
	0%{
		transform:rotateY(90deg);
		-webkit-transform:rotateY(90deg);
	}
　　100%{
		transform:rotateY(360deg);
		-webkit-transform:rotateY(360deg);
	}
}


@media (min-width:768px) {
	
	

}
@media (min-width:768px) and (max-width:991px) {
	}
@media (min-width: 1200px){
	
	
}
@media (max-width:979px) {
	
	
	
	
}

@media (max-width:767px) {

}


@media (max-width:480px) {
.navbar-default{background-color:#fff;border-color:#fff}
.logo{padding:10px 0;position:absolute;width:60%}

.navbar-toggle{ margin-right: 0;}
.navbar-default .navbar-nav>li>a{    padding:10px 25px;}
.navbar-default .navbar-nav>.active>a{padding:10px 25px}


.carousel-control.left{ background: url(../images/jt-left.png) no-repeat center center; left: 0 ; background-size:15px ;}
.carousel-control.right{ background: url(../images/jt-right.png) no-repeat center center;  right: 0;background-size:15px ;}
.section{background-color:#fff;padding:20px 0}
.prowrap .pro-bd{width:100%}
.prowrap .pro-bd ul li{float:left;width:50%;text-align:center;border:1px solid #ddd;margin:0 -1px 15px 0;padding:10px}
.prowrap .pro-bd ul li img{width:250px;height:auto;max-height:125px}
.sideabout{float:none;width:100%}

.sideabout .about-pic {height: 120px; overflow: hidden;}
.sideabout .about-pic img{width:100%}
.sideabout .about-pic .tit{position:absolute;top:0;left:0;width:100%;padding-top:50px;text-align:center}
.solution{padding:25px 0;padding-left:0}


.box {display: none;}
.service{padding:18px 0;padding-left:0; border-top: 1px solid #eee;}	
.footer{background:#353535;color:#dfdfdf;padding:5px 0}
.foot-menu{display:none}
.copyright{color:#787878;float:none;font-size:12px;padding-left:0;margin-left:0;padding-top:10px}
.copyright img{width:50%}


.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:0}
.flickity-viewport{overflow:hidden;position:relative;cursor:-webkit-grab;cursor:grab}
.flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-slider{position:absolute;width:100%}
.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;background:#fff;background:hsla(0,0%,100%,.75);cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.flickity-prev-next-button.previous{left:0}
.flickity-prev-next-button.next{right:0}
.flickity-prev-next-button:disabled{opacity:.3;cursor:auto}
.flickity-prev-next-button svg{position:absolute;left:20%;top:20%;width:60%;height:60%}
.flickity-prev-next-button .arrow{fill:#333}
.flickity-prev-next-button.no-svg{color:#333;font-size:26px}
.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}
.flickity-page-dots .dot.is-selected{opacity:1}
.hero-gallery{margin-bottom:30px;background-size:cover}
.hero-gallery-cell{width:100%;height:240px;padding:20px 40px; background: #eee; text-align: center;}
.hero-gallery h1{font-size:3.2em;padding-top:20px;margin:0}
.hero-gallery .tagline{font-size:1.4em;margin:0}
.feature-list li{margin-bottom:10px}
.content-wrap img{ width: 100%; padding-bottom: 10px;}
.content-wrap h4{ font-size: 16px;}
.col-banner{ height: auto;margin-bottom: 25px;}
.content {
    padding: 15px 0;
}
.sideMenu{ text-align: center; position: absolute; top: 15px; z-index: 99; color: #fff; width: 100%; }
.sideMenu h1{ font-size: 24px}
.sideMenu .tt-en{ text-transform: uppercase; padding-bottom: 10px;}
.sideMenu .menu{ margin-top: 0; background: #f8f8f8;}
.sideMenu .menu ul li{width: 20%;height: 40px;display: inline-block;margin: 0;}
.sideMenu .menu ul li a{font-size: 16px;  height: 40px; line-height: 40px;  width: 90%;color: #555;display: block;padding-top: 0; background:none;}
.sideMenu .menu ul li span{ display: none;}
.sideMenu .menu ul li a.active {color: #d92018;
    background: none;

}
.crumb{ display: none;}
.col-title { margin-bottom: 10px;}
.col-title span{ font-size: 24px;}
.listpic li {
    float: left;
    width: 50%;
    padding: 10px;
}
.listpic li a {
    background: #fff;
    text-align: center;
    display: block;
    padding: 0;
}
.listpic li p {
    padding: 5px;
    font-size: 12px;
overflow: hidden;text-overflow: ellipsis; white-space: nowrap;
}

.listpic li img {
    width: 100%;
    height: 112px;
}
.pagination {
    margin-bottom: 0;
    float: none;
}
.pagination > li > a {
    margin: 0 2px;
    border: 1px solid #bababa;
    padding:1px 5px ;
    font-size: 12px;
}
.pagination > li >span.active {
   padding:1px 5px ;
}
.sidebox{ display: none;}
.pro-wrap {
    padding-left: 0;
}
.pro-wrap .pro-list li {
    float: left;
    width: 50%;
    margin: 0;
    text-align: center;
}
.pro-wrap .pro-list li img {
    width: 100%;
    height: 125px;


}
.list-news .media .media-left {
   display: none;
}	
	.zpfs {
    overflow: hidden;
    padding: 0;
}	
.panel-group {
    padding: 10px;
}	
.zpfs .zp-info span{ display: none;}	
.contact {
    padding-left: 0;
    background: url(../images/map.png) no-repeat;
}	
	.show-content {
    margin-bottom: 35px;
    padding: 0;
    background: #fff;
}
.show-content .p-content {
    padding: 0;
    margin-bottom: 35px;
}	
.yuyue {
    background: #f5f5f5;
    margin: 35px auto;
    padding: 35px 0;
}	
	
	
	

}

/*党群建设 2020.1.9修改*/
.mr30{ margin-right:30px;}
.dj-section{ background:url(../images/bg4.jpg) no-repeat center top; padding:30px 0 35px;}
.topwrap{ overflow:hidden; padding-bottom:35px; border-bottom:1px dotted #ddd;}
.focus2{width:685px; position:relative; }
.focus2 li { width: 100%;}
.focus2 li h5{ position: absolute; left: 0; width: 100%; bottom: 0; background: url(../images/bg00050.png) repeat; padding:0 10px; line-height: 45px;}
.focus2 li h5 a{color: #fff; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; font-size: 16px;}
.img3{width:685px;height:424x;overflow:hidden}
.img3 img{width:685px;height:424px;}
.topnews{  width:587px; float:right;}
.topnews .headline{ margin: 5px 15px 10px; height: 115px; background:none;}
.headline h3{ line-height: 30px; text-align:center; font-weight:bold; color: #c12b20; margin-bottom:5px;}
.headline h3 a{ color:#da251d}
.headline .bdcon p{ line-height: 29px; color:#6b6b6b; font-size: 16px;}

.dj-tabs{ height:72px;background:url(../images/tab_bg.png) no-repeat; padding-top:18px; padding-left:84px; border-bottom:none; }
.dj-tabs li{ line-height:53px; font-size:20px; width:144px; text-align:center;}
.dj-tabs li a{ color:#eec7c7; display:block;line-height:53px; border: none; }
.dj-tabs > li.active > a, .dj-tabs > li.active > a:hover, .dj-tabs > li.active > a:focus{border: none; border: none;  color:#fff;  cursor: pointer;background: url(../images/dj_tab_on.png) no-repeat;}
.djtab-list li{ font-size:16px; line-height:38px; position:relative; background:url(../images/dian.png) no-repeat 5px center; padding-left:20px;}
.djtab-list li span{ position:absolute; right:0; top:0; line-height:38px;}
.djyw{ position:relative;}
.djyw .tab-content .more1{ position:absolute; right:15px; top:-54px; }
.djyw .tab-content .more1 a{ display:block; color:#fff;line-height:56px; padding:0 10px;}
.jjdt{ overflow:hidden; margin:35px 0 25px -30px;}
.dj-items{  width: 395px; margin-bottom: 20px; float:left; margin-left:30px;}
.dj-items .colTitle{ color: #c12b20; border-bottom: 1px solid #ddd; font-size: 24px; position: relative; padding-bottom: 10px; margin-bottom: 15px; padding-left:65px;}
.dj-items .colTitle.jjtt{ background:url(../images/djtb-jj.png) no-repeat;}
.dj-items .colTitle.ghtt{ background:url(../images/djtb-gh.png) no-repeat;}
.dj-items .colTitle.twtt{ background:url(../images/djtb-tw.png) no-repeat;}
.dj-items .dftit{background: url(../images/sgx.png) no-repeat 160px center;}
.dj-items .colTitle .more1{ position: absolute; top: 8px; right: 0; font-size: 14px; text-transform: uppercase; font-weight: normal; color:#a2a1a2;}
.dj-items .djlist{ width: 420px; overflow: hidden; padding-right:30px; }
.dj-items .djlist li{ line-height:35px; font-size:14px; overflow:hidden;}
.dj-items .djlist li.dyt{ overflow:hidden;}
.dj-items .djlist li.dyt .fimg{ float:left; margin-right:20px;}
.dj-items .djlist li.dyt .fimg img{ display:block; width:137px; height:90px;}
.dj-items .djlist li.dyt .ftext a{ font-size:16px; color:#c00707; padding:10px 0 0; display:block; line-height:26px;}
.dj-items .djlist li.dyt .ftext span	{ color:#a2a1a2; text-align:right; display:block; width:100%;}

.llxx{ float:left; width:650px;}
.ll-tit{color: #c12b20; border-bottom: 2px solid #ddd; font-size: 24px; position: relative; padding-bottom: 10px; margin-bottom: 20px; padding-left:65px;background:url(../images/djtb-jj.png) no-repeat;}
.ll-tit .more{ position: absolute; top: 8px; right: 0; font-size: 14px; text-transform: uppercase; font-weight: normal; color:#a2a1a2;}
.llct li{ padding:10px 0 25px; border-bottom:1px solid #ddd; margin-left:5px;}
.llct li h4 a{ font-size:18px; color:#d41414;}
.llct li span{ font-size:12px; display:block; margin:8px 0;}
.dj-zt{ float:right; width:585px;}
.dj-zt img{ display:block; width:585px; height:375px;}

389


